<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/cart/cart.css">
</head>

<body>
    <div class="top">购物车</div>
    <div class="item relative">
        <form action="">
            <input type="checkbox">
        </form>
        <img src="./img/cart/cart1.jpg" alt="">
        <div class="write">
            <div class="title">丛林物语双面印花磨毛四件套</div>
            <div class="title-s">1.8M；米白色</div>
            <div class="bottom">
                <div class="price">￥399.00 </div>
                <div class="blocks">
                    <div class="block">-</div>
                    <div class="block">1</div>
                    <div class="block">+</div>
                </div>
            </div>
        </div>
        <img class="cross" src="./img/cart/cart_09.png" alt="">
    </div>
    <div class="item relative">
        <form action="">
            <input type="checkbox">
        </form>
        <img src="./img/cart/cart2.jpg" alt="">
        <div class="write">
            <div class="title">璀璨灵动 手镯</div>
            <div class="title-s">1.8M；米白色</div>
            <div class="bottom">
                <div class="price">￥181.00</div>
                <div class="blocks">
                    <div class="block">-</div>
                    <div class="block">1</div>
                    <div class="block">+</div>
                </div>
            </div>
        </div>
        <img class="cross" src="./img/cart/cart_09.png" alt="">
    </div>
    <div class="item relative">
        <form action="">
            <input type="checkbox" checked="checked">
        </form>
        <img src="./img/cart/cart3.jpg" alt="">
        <div class="write">
            <div class="title">28寸 纯PC”铝矿”（非全铝）</div>
            <div class="title-s">1.8M；米白色</div>
            <div class="bottom">
                <div class="price">￥439.00</div>
                <div class="blocks">
                    <div class="block">-</div>
                    <div class="block">1</div>
                    <div class="block">+</div>
                </div>
            </div>
        </div>
        <img class="cross" src="./img/cart/cart_09.png" alt="">
    </div>

    <div class="like">
        猜你喜欢
    </div>
    <div class="like-shops">
        <div class="like-shop">
            <img src="./img/cart/cart5.jpg" alt="">
            <div class="text">色织水洗棉格纹四件套</div>
            <div class="price">￥219</div>
        </div>
        <div class="like-shop">
            <img src="./img/cart/cart4.jpg" alt="">
            <div class="text">20寸全铝镁合金登机箱</div>
            <div class="price">￥699</div>
        </div>
        <div class="like-shop">
            <img src="./img/cart/cart7.jpg" alt="">
            <div class="text">20寸 PC膜拉链登机箱</div>
            <div class="price">￥249</div>
        </div>
        <div class="like-shop">
            <img src="./img/cart/cart6.jpg" alt="">
            <div class="text">104寸纯PC拉链斜纹拉杆箱</div>
            <div class="price">￥299</div>
        </div>
        <div class="like-shop">
            <img src="./img/cart/cart5.jpg" alt="">
            <div class="text">色织水洗棉格纹四件套</div>
            <div class="price">￥219</div>
        </div>
        <div class="like-shop">
            <img src="./img/cart/cart5.jpg" alt="">
            <div class="text">色织水洗棉格纹四件套</div>
            <div class="price">￥219</div>
        </div>
    </div>


    <footer>
        <div class="buy">
            <div class="left">
                <form action="">
                    <label>
                        <input type="checkbox">
                        <span>全选</span>
                    </label>
                </form>
            </div>
            <div class="right">
                <span>￥0.00</span>
                <form action="">
                    <button type="button">提交</button>
                </form>
            </div>
        </div>
        <ul>
            <li>
                <a href="javascript::">
                    <img src="./img/cart/cart_06.png" alt="">
                    <div class="jump">首页</div>
                </a>
            </li>
            <li>
                <a href="javascript::">
                    <img src="./img/cart/cart_20.png" alt="">
                    <div class="jump">优选</div>
                </a>
            </li>
            <li>
                <a href="javascript::">
                    <img src="./img/cart/cart_17.png" alt="">
                    <div class="jump">分类</div>
                </a>
            </li>
            <li>
                <a href="javascript::">
                    <img src="./img/cart/cart_15.png" alt="">
                    <div class="jump">购物车</div>
                </a>
            </li>
            <li>
                <a href="javascript::">
                    <img src="./img/cart/cart_03.png" alt="">
                    <div class="jump">我的</div>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>